<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#banner {position: relative;z-index: 2;overflow: hidden; overflow:hidden; position:relative; z-index:0;}
#loading {position: relative;width:100%;z-index: 99999;background:#000;}
#loading img {display:block; width:31px; height:31px;position: absolute;}
#bannerin {position: relative;font-size: 0px;width: 100%;max-width:1440px;overflow: hidden;}
#bannerin ul {position: absolute;}
#bannerin li {float: left;}
#bannerin img {width: 100%;cursor: pointer;}
#scrollin {position:absolute;bottom:36px;height: 18px;}
#scrollin span {float:left;background:url(../images/index/leave.png) no-repeat center;width: 28px;height: 18px;cursor: pointer;}
#scrollin .on {background:url(../images/index/over.png) no-repeat center;}

#arrowin {width: 100%;overflow: hidden;}
#arrowin ul {width: 100%;}
#arrowin li {position:absolute;width: 10%;height: 100%;top:0;z-index: 22;}
.arrow_left {left: 0}
.arrow_right {right: 0}
#arrowin a {
  position:absolute;
  z-index: 222;
  display:block;
  width: 56px;
  height: 100px;
  opacity: 0.8;
  transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#banner .fadein .fn-left {margin-left: 0px;opacity: 0.5}
#banner .fadein .fn-right {margin-right: 0px;opacity: 0.5}
#arrowin .fn-left {background:url(../images/index/arrow_left.jpg) no-repeat center left;left:0;margin-left: -56px}
#arrowin .fn-right {background:url(../images/index/arrow_right.jpg) no-repeat center right;right: 0;margin-right:-56px}
/*#banner .fadein a {margin: 0}*/

.news {background-color: #fff;border-bottom: 1px solid #e4e4e4;}
.newsin {padding: 30px 0;height: 27px;line-height: 27px;color:#777777}
.newsin .fn-left {overflow: hidden;}
.newsin h2 {width:70px;font-size: 14px;float: left;}
.news_qh {float: left;margin: 5px 12px}
.news_qh p {float: left;width: 24px;height: 17px;cursor: pointer;}
#news_up {background: url(../images/index/news_up.png) no-repeat center;background-color:#eeeeee}
#news_down {background: url(../images/index/news_down.png) no-repeat center;background-color:#d5d5d5}
.news_scroll {float:left;position:relative;height: 27px;width:690px;overflow:hidden;}
.news_scroll ul {position:absolute;top: 0px;left: 0px;width: 100%}
.news_scroll li {overflow: hidden;}
.news_scroll a {padding-right: 22px;}
.news_time {color:#bbbbbb;}
.news_more {color:#999999;}
.content {background-color: #fff;}
.contentin {padding: 53px 0 66px 0;color:#666666;overflow: hidden;}
.contentin h2{font-size: 21px;}
.solutions {width: 350px;margin-right: 30px}
.solutions p {padding: 20px 0;border-bottom: 1px solid #e4e4e4}
.solutions li {height: 48px;line-height:48px;border-bottom: 1px solid #e4e4e4;background: url(../images/index/solutionbg.jpg) no-repeat right;cursor: pointer;}
.solutions li a {width: 100%}
.solutions .selected {background: #162c6c}
.solutions .selected a{color:#fff;}
.solutions_more {display:block;color:#ff9900;margin-top: 22px;background: url(../images/index/solution_morebg.jpg) no-repeat right;width: 140px}
.products {margin-right: 30px;width: 350px;}
.products ul {overflow: hidden;margin-bottom: 20px}
.products li{position:relative;float: left;font-size: 0;margin-top: 20px;margin-right: 18px;overflow: hidden;}
.products a {display:block;width: 166px;}
.products span {position:absolute;display:none;width:100%;top:43px;left:0;font-size: 16px;color: #fff;text-align: center;}
.products .mr0 {margin-right: 0px}
.product {
  background: #000;
}
.products img {
  width: 166px;
  opacity: 1;
  transition:opacity 0.3s, transform 0.3s;
  -webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
  transform:scale(1,1);
  -webkit-transform:scale(1,1);
}
.products .product img {
  opacity: 0.3;
  transition:opacity 0.3s, transform 0.3s;
  -webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
  transform:scale(1.4,1.4);
  -webkit-transform:scale(1.4,1.4);
}
.service {width: 283px;}
.service ul {overflow: hidden;height:226px;padding-top: 20px;    margin-bottom: 20px;}
.service li {position:relative;float: left;font-size: 0;margin-top: 20px;width: 283px;height: 103px;overflow: hidden;cursor: pointer;}
.service li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 283px;
  height: 103px;
}
.service li img {
  position: absolute;
  top:45px;
  left: 25px;
}
#pinpai {background: url(../images/index/pinpai.jpg);}
#fuwu {background: url(../images/index/service.jpg);}
#h_vn {width: 644px; height: 578px; background:url(../images/about/baibg.jpg) no-repeat;padding:35px 37px; float:left; display:none;}
#h_vnn {width:64px; height:38px; float:left;display:none;cursor: pointer;}
.zixun {margin-top: 3px}
.zixun a {float:left;padding: 0 18px;border-right: 2px solid #c2c2c2;height: 16px;line-height: 16px;}
.zixun .zx_first {padding-left: 0px}
.zixun .zx_last {padding-right: 0px;border:none;}
.search {background-color:#e4e4e4;padding: 24px 0 28px 0;color:#666666}
.search .search_left {padding-top: 10px;line-height: 39px;position: relative; float: left; overflow: hidden;}
.search .search_left span {display:block;float:left;font-size: 16px;padding: 0 6px;height: 37px;line-height: 37px}
.search_left input {display:block;float:left;width:370px;height: 37px;padding-left:10px;line-height: 37px;color:#999999;border: 1px solid #c9c9c9;background: url(../images/index/search.jpg) no-repeat center right #fff;}
.search_left input:focus {border:1px solid #c9c9c9;outline: 2px solid #98baf1;}
#searchicon {position: absolute;width: 28px;height: 39px;cursor: pointer;left: 465px;top:10px;opacity: 0;z-index: 22}
input::-ms-clear{display: none;}
.guanzhu {height:21px;line-height:21px;}
.guanzhu a {padding: 0 3px}
.rexian {font-size: 18px;height: 34px;line-height: 34px}
.rexian span {float: left;}
.xiaoshou {margin-left: 27px}

.searchin{
  overflow: hidden;
  position: relative;
}
.searchin form{
  margin-top: 10px;
}
.searchin span{
  margin-top: 10px;
}
.search_right p{
  margin-top: 30px;
}
.search_right{
  margin-left: 40px;
}
.search_right img{
  /*margin-top: -10px;*/
}
.search .search_left span{
  line-height: 50px;
}

/* IPAD */
@media (min-width: 992px) and (max-width: 1024px) {
  .search_right{
    margin-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #kefu{
    display: none;
  }
  .logo{
    background: url(../images/index/logo-small.jpg);
    width: 108px;
    height: 58px;
    text-indent: -1000px;
  }
  .searchin .visable-sm-none{
    display: none;
  }
  .news_scroll{
    width: 540px;
  }
  .search_right p{
    margin-top: 5px;
  }
  .solutions{
    margin-right: 50px;
  }
  .products{
    margin-right: 0;
  }
  .service{
    width: 100%;
  }
  #pinpai{
    margin-right: 50px;
  }
  .service ul{
    height: 144px;
  }
  .rexian{
    display: none;
  }
  .guanzhu{
    line-height: 39px;
  }
  .search_right{
    margin-left: 10px;
  }
}

 /* Phones or something */
@media (max-width: 759px){
  #kefu{
    display: none;
  }
  .logo{
    background: url(../images/index/logo-small.jpg);
    width: 108px;
    height: 58px;
    text-indent: -1000px;
  }
  #scrollin{
    display: none;
  }
  .news{
    display: none;
  }
  .solutions{
    width: 100%;
    margin-right: 0;
  }
  .products{
    margin-top: 40px;
    overflow: hidden;
    margin-right: 0;
    width: 100%;
  }
  .contentin{
    padding: 0;
  }
  .contentin .fn-left{
    float: none;
  }
  .service li a{
    width: 100%;
  }
  .zixun a{
    padding: 0 5px;
  }
  .zixun{
    overflow: hidden;
    margin-top: 10px;
  }
  .search{
    display: none;
  }
  .foot_top{
    display: none;
  }
  .link{
    display: none;
  }
  #pinpai {
    background: url(../images/index/pinpai.jpg);
    -webkit-background-size: 100%;
    width: 96%;
    margin: 2% 2% 0;
  }
  #fuwu {
    background: url(../images/index/service.jpg);
    -webkit-background-size: 100%;
    width: 96%;
    margin: 2% 2% 0;
  }
  .banquan p{
    font-size: 12px;
  }
  .banquan .fn-left{
    float: none;
  }
  .banquan .fn-right{
    float: none;
  }
  .products li.mr0{
    float: right;
  }
  .contentin h2{
    margin-top: 30px;
  }
  .content{
    padding-bottom: 30px;
    width: 100%;
  }
  .products ul{
    width: 96%;
    margin: 0 2%;
  }
  .products li{
    width: 46%;
    margin-right: 0;
  }
  .products img{
    width: 100%;
  }
  .products a{
    width: 100%;
  }
}

</pre></body></html>